.flexslider{
  opacity: 0;
  transition: all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out; 
  -moz-transition:all .5s ease-in-out; 
  -webkit-transition:all .5s ease-in-out; 
  -o-transition:all .5s ease-in-out; 
 }
.flexslider{position:relative;height:600px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; padding-left: 0;}
.slides li{
  position: relative;
  height:600px; 
  list-style: none;
}
.slides li .banner01,
.slides li .banner02{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out; 
  -moz-transition:all 1s ease-in-out; 
  -webkit-transition:all 1s ease-in-out; 
  -o-transition:all 1s ease-in-out; 
  opacity: 0;
}
.slides li .banner01,
.slides li .banner02{
  max-width: 99%;
  max-height: 80%;
  width: 940px;
  height: 464px;
}
.flexslider.show .slides li .banner01 img.center,
.flexslider.show .slides li .banner02 img.center{
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  transform: translate(-50%, -50%);
}
.slides li .banner01 .before,
.slides li .banner01 .after{
  position: absolute;
  width: 233px;
  height: 88px;
  content: "";
  background-position: center 0; 
  background-repeat: no-repeat; 
  background-size: cover; 
  -webkit-background-size: cover; 
  -o-background-size: cover; 
  zoom: 1;
}
.slides li .banner01 .before img,
.slides li .banner01 .after img{
  width: 100%;
}
.slides li .banner01 .before{
  top: 0;
  right: 0;
}
.slides li .banner01 .after{
  bottom: 0;
  left: 0;
}
.flexslider.show .slides li.flex-active-slide .banner01,
.flexslider.show .slides li.flex-active-slide .banner02{
  transform: translate(-50%, -50%);
  opacity: 1;
}
.slides li .banner01{ top:100%; position:relative;}
.slides li .banner01.defaulttx{ top:50%; position:relative;}




.flex-control-nav{
  position:absolute;
  padding-left: 0;
  bottom:10px;
  z-index:2;
  width:100%;
  text-align:center;
}
.flex-control-nav li{
  display:inline-block;
  width:44px;
  height:3;
  margin:0 2px;
  *display:inline;
  zoom:1; 
  list-style: none;
}
.flex-control-nav a{
  display:inline-block;
  width:44px;
  height:3px;
  overflow:hidden;
  background-color: #fff;
  cursor:pointer;
}
.flex-control-nav .flex-active{
  background-color: #18a93a;
}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display: none;}
.flex-direction-nav li{
  list-style: none;
}
.flex-direction-nav li a{
  display:block;
  width:50px;
  height:50px;
  overflow:hidden;
  cursor:pointer;
  position:absolute;
}
.flex-direction-nav li a.flex-prev{
  left:40px;
  background:url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next{
  right:40px;
  background:url(../images/next.png) center center no-repeat;
}
@media (max-width: 768px) {
	.flexslider{
    height: 400px;
  }
  .slides li{
    height: 400px;
  }
  .slides li .banner01 .before,
  .slides li .banner01 .after{
    width: 30%;
  }
}

.search-ul .search-li .search-thin{
  display: none;
}
@media (max-width: 768px) {
	.search-ul .search-li .search-thin{
    display: block;
    width: 0;
    overflow: hidden;
    margin-left: 30px;
    padding-top: 4px;
  }
  .search-ul .search-li.active .search-thin{
    width: auto;
  }
  .search-ul .search-li .search-thin input{
    display: block;
    width: 0%;
    text-indent: 20px;
    line-height: 30px;
    transition: all .5s;
    border-radius: 8px;
  }
  .search-ul .search-li.active .search-thin input{
    width: 90%;
  }
  .search-ul .search-li a.search-btn{
    float: left;
  }
  .search-ul .search-li a.search-btn1{
    float: left;
  }
}